<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>快递公司</title>
    <link rel="stylesheet" href="../css/base.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/public.js"></script>
    <style>
        body{
            padding: 0 .2rem;
            box-sizing: border-box;
            background: #fff;
        }
        .header{
            width: 100%;
            text-align: right;
            color: #5f3104;
        }
        .fls{
            width: 100%;
            height: 40px;
            line-height: 40px;
            color: #333;
            position: relative;
            border-bottom: 1px solid #ddd;
        }
        .nxt{
            position: absolute;
            right: 4px;
            width: .18rem;
            top: 10px;
        }
    </style>
</head>
<body>
    <div class="fls"  is="SF">
        <div style="float: left;width: 50%;">
            顺丰
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls"  is="HTKY">
        <div style="float: left;width: 50%;">
            百世快递
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="ZTO">
        <div style="float: left;width: 50%;">
            中通
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="YTO">
        <div style="float: left;width: 50%;">
            圆通
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="YD">
        <div style="float: left;width: 50%;">
            韵达
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>

    <div class="fls" is="EMS">
        <div style="float: left;width: 50%;">
            EMS
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="HHTT">
        <div style="float: left;width: 50%;">
            天天
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="UC">
        <div style="float: left;width: 50%;">
            优速
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="DBL">
        <div style="float: left;width: 50%;">
            德邦
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <div class="fls" is="ZJS">
        <div style="float: left;width: 50%;">
            宅急送
        </div>
        <img src="../img/下一步@2x.png" class="nxt">
    </div>
    <script>
        $(".fls").click(function (){
            var code = $(this).attr("is");
            var $text = $(this).find('div').text();
            console.log($text);
            var newtext = encodeURI(encodeURI($text));
            window.location.href = "fkd.html?code="+code+"&text="+newtext;
        })
    </script>
</body>
</html>